@charset "utf-8";
html,body{ font:12px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; color:#606060; background:#fff; -webkit-text-size-adjust:none;}
a{ color:#464646; text-decoration:none;}
.lf{ float:left;}
.ri{ float:right;}
.ptp{ padding-top:20px;}
.editor{word-wrap: break-word;font-family:宋体b8b\4f53,arial; font-size:14px;}
.editor p,.editor li,.editor div{ margin-bottom:15px; margin-top:15px;}
.clear{ clear:both;}
/*头部*/
.topper{ width:100%; height:30px; background:#eaeaea;min-width: 1153px;}
.topper .notice{ width:1153px; margin:0px auto; line-height:30px;}
.topper .notice b{ background:url(../gonggao.png) left center no-repeat; float:left; padding-left:25px; color:#2c2c2c;font-size: 12px;}
.topper .notice marquee{ float:left;color:#2c2c2c;}
.site1{
 float: right;
 width: 192px;
 height: 30px;
 line-height: 30px;
}
.site1 a{
 line-height: 30px;
}
.site1 img{
 padding-top: 5px;
 padding-right:2px;
 float: left;
 width: 19px;
}
.inner{ width:1153px; margin:0 auto; position:relative;min-width: 1153px;}
.phone{ float:right; background:url(../phone.png) no-repeat; height:36px; line-height:36px; padding-left:50px; margin-top:30px;}
.phone p{ overflow:hidden; line-height:10px; font-size:14px; color:#0657b2; height:36px; padding-top:5px;}
.phone p font{ color:#fecb00; font-size:37px; font-family:Impact;}
.nav{ background:#0657b2; height:47px;min-width: 1153px;}
.nav li{ margin:0px; padding:0px; list-style-type:none; width:120px; float:left; color:#FFF; line-height:47px; text-align:center; margin-left:30px;}
.nav li a{ color:#FFF; display:block; font-size:16px;}
.nav li a:hover{ background:#fecb00; color:#000; display:block; transition: all 1s ease-in-out; border-radius:50%;}



/*首页*/
.biaoti{width: 1153px;margin: 0 auto;min-width: 1153px;}
.case{ height:300px; background:#eaeaea; width:100%; margin-top:45px;min-width: 1153px;}
.case .caseleft{ width:249px; height:330px; background:url(../casebg.png) top left no-repeat; position:relative; top:-29px; color:#FFF; float:left;}
.case .caseleft .name{ width:229px; color:#FFF;  text-align:center; line-height:30px; display:block;}
.case .caseleft .name b{ width:229px; display:block; padding-top:30px; font-size:24px; font-family:"文鼎CS大黑","微软雅黑"; font-weight:100; }
.case .caseleft .name span{ font-size:16px; width:229px; text-transform:uppercase;}
.case .caseleft .case-text{ padding:10px 30px 0px 30px; line-height:25px;}
.case .caseleft .more{ background:url(../morebg.png) no-repeat center center; width:189px; height:37px; text-align:center; line-height:37px; margin:30px 0px 0px 20px;}
.case .caseleft .more a{ color:#FFF;display: block}
.case .caseimg{margin:0px; paddimg:0px; width:900px; float:right; padding-top:27px;}
.case .caseimg li a{ width:280px; float:left; }
.case .caseimg li{ width:280px; height:250px; float:left; margin-left:20px; text-align:center; background:#FFF;}
.case .caseimg li:hover{
 margin-top:-10px; box-shadow:1px 2px 15px #7a7a7a;
 -moz-transform: perspective(1500px) rotateY(-6deg);-webkit-transform: perspective(1500px) rotateY(-6deg);-ms-transform: perspective(1500px) rotateY(-6deg);
 transform:perspective(1500px) rotateY(-6deg);
 -moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; transition: transform 0.5s;
 -webkit-transform-origin(right,0);
  }
.case .caseimg li a span{ height:40px; line-height:40px; color:#333;}
.case .caseimg li a img{ width:280px; height:210px; float:left; border:0px;}

h5{ text-align:center; background:url(../line.jpg) no-repeat center center; line-height:30px; }
h5 span{ font-size:24px; font-family:"微软雅黑"; color: #141414;font-weight: lighter}
h5 p{ font-size:20px; font-family:Candara; text-transform:uppercase; color: #141414;font-weight: lighter}
.site{ width:1153px; margin:0px auto;}
.more1{ background:url(../morebg1.png) no-repeat center center; width:189px; height:37px; text-align:center; line-height:37px; display:block; margin:0px auto; margin-top:25px;min-width: 1153px;}
.more1 a{ color:#397bc5;display: block}
/*首页产品滚动*/
#demo {overflow: hidden;height: 285px;width: 1153px;margin: 0 auto;margin-top: 30px;}
#indemo {float: left;width: 1200%;min-width: 1153px;}
#demo1 {float: left;height: 285px;margin: 0 auto;}
#demo2 {float: left;height: 285px;}
#demox {overflow: hidden;height: 285px;width: 1153px;margin: 0 auto;margin-top: 31px;}
#indemox {float: left;width: 1200%;min-width: 1153px;}
#demo1x {float: left;height: 285px;margin: 0 auto;}
#demo2x {float: left;height: 285px;}
.photo {height: 255px;float: left}
.pro{ margin-top:15px;min-width: 1153px;}
.pro li {width:260px; height:255px; float:left; margin-left:10px; text-align:center;}
.pro li a img {width:254px; height:208px; float:left; border:1px solid #d2d2d2; padding:2px;}
.pro li a span {height:40px; line-height:40px; color:#fff; width:260px;  background:#0657b2; display:block; margin-top:2px;overflow: hidden;position: relative;}
.pro li:hover span {background:#fecb00; display:block;transition: all 0.5s;}
.pro li:hover img {border:1px solid #fecb00; box-shadow:1px 2px 10px #999999; opacity:0.9;}



.hf{ margin-top:20px; background:url(../hf.jpg) center center; height:195px;min-width: 1153px;}
.hf span{ display:none;}
.about_us{ width:1153px; margin:0px auto; margin-top:30px; height: 260px;margin-bottom: 30px}
.about_us span{float:left;}
.about_us span font{width:81px; height:260px; display:block; background:url(../about.png) no-repeat; font-size:25px; text-align:center; }
.about_us .about_con{height:250px; float:left; line-height:25px;width:600px;margin-left: 30px;}
.about_us .about_con h6{ font-family:"微软雅黑"; font-size:22px; width:600px; float:left;color:#000000;}
.about_pic img{ width:385px; height:250px; float:right;  border:1px solid #ffcb01; padding:3px;}
.about_us .about_con a{float:left; width:600px; margin-top:10px;}
.about_us .about_con a:hover{ text-decoration:underline; color:#0657b2;}

.news_center{ height:73px; background:#f3f3f3; width:100%; padding-top:17px;min-width: 1153px;margin: 0 auto}
.news{ width:1153px; margin:0px auto;height: 420px;margin-top: 30px;min-width: 1153px;}
.news .news_con{ width:630px; float:left;}
.news .date{width:120px; height:100px; background:#0657b2; float:left; color:#FFF; text-align:center; line-height:40px; font-size:20px; padding-top:20px;}
.news .date font{ font-size:48px; border-bottom:1px solid #fff;}
.news .news_title{ margin-left:140px; margin-top:10px; line-height:30px;}
.news .news_title a{ color:#cc0000; font-size:16px; }
.news .news_title a:hover{ text-shadow:1px 1px 3px #c6c6c6; text-decoration:underline;}
.news .news_title .cc{ margin-top:10px;}
.news .nn{ margin-top:10px;}
.news .nn li{margin:5px 0px 5px 0px; background:#f3f3f3; display:block;height: 41px;line-height: 41px;}
.news .nn a{display: block;text-indent: 1rem;font-size: 14px;}
.news .nn a:hover{ color:#FFF; display:block;}
.news .nn a:hover span{ color:#FFF; display:block;}
.news .nn li:hover { display:block; background:#0657b2; color:#FFF; transition:all 0.5s ease-in-out; }
.news .nn li span{ float:right;padding-right: 5px;font-size: 14px;}
.news .rt_img{ width:475px; height:356px; float:right;}
.lx_bt{ background: url("../index_09.jpg") no-repeat center;height: 135px;width: 472px;}
.rt_img ul{padding-top: 30px;padding-left: 20px;}
.rt_img ul li{
font-size: 16px;color:#000000;line-height:40px;font-weight: initial;
}




/*底部*/
footer{ background:#24201d; margin-top:30px;color:#fff; height:200px;min-width: 1153px;}
footer .foot-nav{height:45px; line-height:45px; background:#0657b2;width: 100%;min-width: 1153px;margin: 0 auto;}
footer .foot-nav span{ font-size:10px;color: #ffffff;text-align: left}
footer a{ color:#fff;}
footer a:hover{ color:#fdca00;  text-decoration:underline;}
footer .foot_link{ margin:0px; padding:0px; margin-top:30px;}
footer .foot_link li{ float:left; margin:0px 20px;}
footer .foot_link li:first-child{margin-left: 0px;}
footer .foot_con{ margin-top:30px; color:#a5a3a4;}
footer .foot_con li{ float:left; margin:0px 10px;line-height:20px;text-align: center}
footer .foot_con li a{color:#a5a3a4;}
footer .foot_con li a:hover{ color:#fdca00; text-decoration:underline;}


/*内页侧栏*/
.sb_nav{width:300px; float:left; margin-top:15px;}
.sb_nav h3{ width:300px; height:54px; background:url(../left_bg.jpg) no-repeat; line-height:54px; color:#FFF; font-size:18px; font-weight:200; margin-bottom:5px; }
.sb_nav h3 span{ padding-left:80px; font-size:18px;}
.fenlei{ margin-bottom:10px;}
.fenlei li a{line-height:40px; text-indent: 2rem; width:300px;  background:#f3f3f3; margin-bottom:3px; float:left; position:relative;font-size: 14px}
.fenlei li a:hover{ color:#FFF; background:#0657b2; text-decoration:none;}
.fenlei li dd a{ line-height:30px; margin-left:12px; width:110px; text-align:center;  background:#f3f3f3; float:left; margin-bottom:3px; float:left; position:relative; padding:0px !important;}
.fenlei li dd a:hover{color:#FFF; background:#63bdb4; }
.lianxi{padding:0px; margin:0px; list-style:none;}
.lianxi li{ margin-bottom:2px; line-height:35px; background:#f3f3f3; padding: 0px 15px;}
.sb_box{width:800px; float:right; margin-top:15px;}
.sb_box h3.title{ border-bottom:1px solid #0657b2;height:35px; line-height:35px; position:relative;}
.sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:24px; font-weight:normal; border-bottom:2px solid #0657b2; padding:0px 15px; color:#0657b2;}
.sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px; color:#000;}
.sb_box h3.title div.position a{ color:#666;}
.sb_box h3.title div.position a:hover{ text-decoration:underline;}

/*新闻*/
#newslist li{ background:url(../li.png) no-repeat left 17px;}
#newslist li p{ color:#888;}
#shownews h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #0657b2; margin:15px 0px 10px 0px;}
#shownews h4.related span{ float:left; display:inline; background:#0657b2; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#fff; padding:0px 10px;}
#shownews .relatedlist li{ float:left; width:30%; margin-right:10px; height:27px; line-height:27px; padding-left:12px; background:url(../diantb.jpg) no-repeat 3px 12px; overflow:hidden; }
#shownews .relatedlist li a:hover{ text-decoration:underline; }
*html #shownews .relatedlist li img{ margin-top:8px;}
/*产品*/
#productlist li h3{ padding-top:7px; padding-bottom:15px;}
#productlist li h3 a{ color:#000;}
#productlist li h3 a:hover{ color:#06F; text-decoration:underline;}
#showproduct h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px;}
#showproduct h4.related span{ float:left; display:inline; background:url(../rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; padding:0px 10px; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95;}
#showproduct h3.sl-ti{ height:31px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1;}
#showproduct h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:60px;_width:60px; white-space:nowrap; text-align:center; height:30px; line-height:30px; background:url(../sl-ti.jpg) repeat-x left top; margin-right:4px; border:1px solid #ccc; padding:0px 10px;} 
#showproduct h3.sl-ti a.hover{ background:#0657b2; color:#fff; border:1px solid #0657b2;}
#rl-product{ position:relative; width:690px; overflow:hidden; margin-left:18px;}
#rl-product ul{position: absolute;width: 2012em;}
#rl-product li{ float:left; display:inline; zoom:1; overflow:hidden;text-align:center;}
#rl-product li a.img{ display:block; text-align:center; font-size:0px;}
#rl-product li img{ border:1px solid #ccc;}
#rl-product li h3{ margin-top:5px;}
#showproduct .flip{ position:absolute;z-index:1;}
#showproduct #trigger{ display:none;}
#showproduct .next,#showproduct .prev{ width:12px; height:20px; overflow:hidden; display:block;background:url(../p-arrow.jpg) no-repeat; cursor:pointer;}
#showproduct .next{background-position:0px 0px; position:absolute;top:60px; left:710px;}
#showproduct .next:hover{background-position:0px -20px; }
#showproduct .prev{background-position:-12px 0px;position:absolute;top:60px;left:0px;}
#showproduct .prev:hover{ background-position:-12px -20px;}
*html #showproduct .prev{ left:-18px;}
*html #showproduct .next{ left:693px;}
*+html #showproduct .prev{ left:-18px;}
*+html #showproduct .next{ left:693px;}
/*下载*/
#downloadlist dl.top dt a{ color:#004080;}
#downloadlist .metlist dd{ background:#eef3fa;}
/*地图*/
#sitemaplist .sitemapclass2 h3{background:url(../li.png) no-repeat left center;}